/****
 * theme.css
 * Contains the style settings that are shared across the extension.
 ***/
 
/* Pardon the mess */

/* ========= REGULAR BUTTON ============== */
.roundButton {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(59,86,128)),
			color-stop(0.67, rgb(85,150,224)),
			color-stop(1, rgb(53,200,214))
		);
	border-width: 1px;
	border-radius: 20px;
	font-size: 80%;
	text-align: center;
	font-weight:bold;
	font: 13px Tahoma;
	text-shadow: none; 
	border-color: hsl(200, 80%, 50%);
	color: hsl(200,80%,10%);
	box-shadow:0px 0px 5px #333333;
}

.roundButton:hover {
	cursor: default;
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(59,100,128)),
			color-stop(0.67, rgb(85,192,224)),
			color-stop(1, rgb(53,250,214))
		);
}

/*============= FLAT BUTTON ==================*/
.rectButton {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(59,86,128)),
			color-stop(0.67, rgb(85,150,224)),
			color-stop(1, rgb(53,200,214))
		);
	border-width: 1px;
	border-radius: 2px;
	font-size: 60%;
	text-align: center;
	font-weight:bold;
	font: 12px Tahoma;
	text-shadow: none; 
	border-color: hsl(200, 80%, 50%);
	color: hsl(200,80%,10%);
	box-shadow:0px 0px 5px #333333;
}

.rectButton:hover {
	cursor: default;
	background-image:
		-webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(59,100,128)),
			color-stop(0.67, rgb(85,192,224)),
			color-stop(1, rgb(53,250,214))
		);
}

/* ============ BACKGROUND ============ */
body {
	background:
		-webkit-gradient(
			linear,
			left top,
			right top,
			color-stop(0, rgba(184,184,184,0.7)),
			color-stop(0.5, rgba(40,41,41,0.7)),
			color-stop(1, rgba(173,173,173,0.7))
		), hsl(200,100%,80%);
	font: 14px "Tahoma";
	margin:0px;
	padding:0px;
	text-shadow: black 0px 0px 1px;
	color: hsl(200,5%,5%);
	font-weight: 600;
}